<!--包含各个界面，连接上下和主要界面 组合页面-->

<%@ include file="../common/IncludeTop.jsp"%>

<div id="BackLink"><
    <c:if test="${sessionScope.HotProduct != nul}">
        <a href="ViewItem?itemId=${sessionScope.HotProduct}">Hotting! Come to ${sessionScope.HotProduct}</a>
    </c:if>
</div>

<%--    <div id="Welcome">--%>
<%--        <div id="WelcomeContent">--%>
<%--            Welcome to MyPetStore!--%>
<%--        </div>--%>
<%--    </div>--%>

<script src="js/Main.js"></script>



    <div id="Main">
<%--        <div id="Sidebar">--%>
<%--            <div id="SidebarContent">--%>
<%--                <a href="ViewCategory?categoryId=FISH"><img src="images/fish_icon.gif" /></a>--%>
<%--                <br/> Saltwater, Freshwater <br/>--%>
<%--                <a href="ViewCategory?categoryId=DOGS"><img src="images/dogs_icon.gif" /></a>--%>
<%--                <br /> Various Breeds <br />--%>
<%--                <a href="ViewCategory?categoryId=CATS"><img src="images/cats_icon.gif" /></a>--%>
<%--                <br /> Various Breeds, Exotic Varieties <br />--%>
<%--                <a href="ViewCategory?categoryId=REPTILES"><img src="images/reptiles_icon.gif" /></a>--%>
<%--                <br /> Lizards, Turtles, Snakes <br />--%>
<%--                <a href="ViewCategory?categoryId=BIRDS"><img src="images/birds_icon.gif" /></a>--%>
<%--                <br /> Exotic Varieties--%>
<%--            </div>--%>
<%--        </div>--%>

        <div id="MainImage">
            <div id="MainImageContent">
                <!--图片对应区域设置不同的超链接进行页面的跳转-->
                <map name="estoremap">
                    <area alt="Birds" coords="72,2,280,250" href="ViewCategory?categoryId=BIRDS" shape="rect" name="BIRDS" value="BIRDS" />
                    <area alt="Fish" coords="2,180,72,250" href="ViewCategory?categoryId=FISH" shape="rect"  name="FISH" value="FISH" />
                    <area alt="Dogs" coords="60,250,130,320" href="ViewCategory?categoryId=DOGS" shape="rect" name="DOGS" value="DOGS" />
                    <area alt="Reptiles" coords="140,270,210,340" href="ViewCategory?categoryId=REPTILES" shape="rect" name="REPTILES" value="REPTILES" />
                    <area alt="Cats" coords="225,240,295,310" href="ViewCategory?categoryId=CATS" shape="rect" name="CATS" value="CATS" />
                    <area alt="Birds" coords="280,180,350,250" href="ViewCategory?categoryId=BIRDS" shape="rect" name="BIRDS" value="BIRDS" />
                </map>
                <img height="355" src="images/splash.gif" align="middle" usemap="#estoremap" width="350" />
            </div>
        </div>
        <div id="Separator">&nbsp;</div>

        <fieldset class="info" name="info">
        </fieldset>

        <fieldset class="info" name="infoProduct">
        </fieldset>

    </div>



<%@ include file="../common/IncludeBottom.jsp"%>